<template>
  <nav>
    <router-link to="/">🙋‍哈哈哈(home)</router-link> |
    <router-link to="/about">来财来财</router-link>

    <router-link to="/a">|文本指令</router-link>
    <router-link to="/b">|事件绑定指令</router-link>
    <router-link to="/c">|回车提交指令</router-link>
    <router-link to="/d">|双向绑定指令</router-link>
    <router-link to="/e">|循环命令</router-link>
    <router-link to="/f">|隐藏显示指令</router-link>
    <router-link to="/g">|员工列表练系</router-link>
    <router-link to="/h">|个人简历练习</router-link>
    <router-link to="/i">| EL-按钮组件 |</router-link>
    <router-link to="/j">| EL-icon图标组件 |</router-link>
    <router-link to="/k">| EL-消息提示组件 |</router-link>
    <router-link to="/l">| EL-单选组件 |</router-link>
    <router-link to="/m">| EL-下拉组件 |</router-link>
    <router-link to="/n">| EL-开关组件 |</router-link>
    <router-link to="/o">| EL-表单组件 |</router-link>
    <router-link to="/p">| EL-菜单组件 |</router-link>
    <router-link to="/q">| EL-表格组件 |</router-link>
    <router-link to="/r">| EL-布局组件 |</router-link>
    <router-link to="/s">| EL-容器组件 |</router-link>
    <router-link to="/t">| EL-轮播图组件 |</router-link>
    <router-link to="/u">| EL-卡片组件 |</router-link>
    <router-link to="/v">| EL-日期选择器组件 |</router-link>
    <router-link to="/w">| 商品列表练习 |</router-link>
    <router-link to="/x">| 员工列表练习 |</router-link>
  </nav>
  <router-view/>

</template>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}

nav {
  padding: 30px;
}

nav a {
  font-weight: bold;
  color: #2c3e50;
}

nav a.router-link-exact-active {
  color: #42b983;
}
</style>
<script setup>
</script>